@import url('@src/total.less');
.container {
  position: relative;

  min-width: 1280px;
  margin: 0 auto;
  margin-bottom: 48px;
  padding: 24px 0;
  &::after {
    display: block;
    clear: both;

    content: '';
  }
}

.content {
  width: 720px;
  margin: 0 auto;
  &::after {
    display: block;
    clear: both;

    content: '';
  }
}

.operate-btn {
  padding-right: 24px;

  text-align: right;
}

.left-block {
  position: absolute;
  top: 24px;
  left: 0;
  &.fixed {
    position: fixed;
    top: 88px;
    left: 0;
  }
}

.right-block {
  position: absolute;
  top: 24px;
  right: 0;
  &.fixed {
    position: fixed;
    top: 88px;
    right: 0;
  }
}

.pay-line {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;

  height: 64px;
  padding: 0 24px;

  border-top: 1px solid @border-color-split;
  background-color: #fff;
}
.pay-line-title {
  font-size: 18px;
  font-weight: bold;

  margin-right: 12px;

  color: @heading-color;
}
.pay-line-money {
  font-size: 18px;
  font-weight: bold;

  color: red;
}
